<template>
    <el-pagination
        :current-page="props.pagination.pageNum"
        :page-size="props.pagination.pageSize"
        :page-sizes="[5,10,15,20,25,50]"
        :background="true"
        layout="total, sizes, prev, pager, next, jumper"
        :total="props.pagination.total"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
    />
</template>
<script setup>
import { defineProps,defineEmits } from 'vue';
const props = defineProps(["pagination"]);
const emits = defineEmits(["show"]);
function handleSizeChange(pageSize){
    emits("show",1,pageSize);
}
function handleCurrentChange(current){
    emits("show",current,props.pagination.pageSize);
}
</script>
<style></style>
